<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="Meghna One page parallax responsive HTML Template ">

    <meta name="author" content="Muhammad Morshed">

    <!--
                               (0 0)
          +=============oOO====(_)================+
           |       Powered By 江湖人称狐半仙         |
           |        www.jiangonglian.com            |
           |                                        |
            |   Creation:2020.02.14                 |
            |   ezEip v1.0.0                        |
            +==========================oOO==========+
                             |__|__|
                                || ||
                             ooO Ooo
-->

    <title>Change</title>

    <!-- Mobile Specific Meta
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png"/>

    <!-- CSS
    ================================================== -->
    <!-- Fontawesome Icon font -->
    <link rel="stylesheet" href="plugins/themefisher-font/style.css">
    <!-- bootstrap.min css -->
    <link rel="stylesheet" href="plugins/bootstrap/dist/css/bootstrap.min.css">
    <!-- Animate.css -->
    <link rel="stylesheet" href="plugins/animate-css/animate.css">
    <!-- Magnific popup css -->
    <link rel="stylesheet" href="plugins/magnific-popup/dist/magnific-popup.css">
    <!-- Slick Carousel -->
    <link rel="stylesheet" href="plugins/slick-carousel/slick/slick.css">
    <link rel="stylesheet" href="plugins/slick-carousel/slick/slick-theme.css">
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="css/style.css">


</head>

<body id="body" data-spy="scroll" data-target=".navbar" data-offset="50">


<!--
Welcome Slider
==================================== -->

<section class="hero-area">
    <div class="block">
        <!--这个是视频播放-->
        <!--video-button-->
        <div class="">
            <!--这个是视频按钮-->
            <!--tf-ion-play-->
            <i class=""></i>

        </div>
            <h1>致力于全球最大 API 平台</h1>
        <p>仅提供开发者使用的开放API接口（孵化阶段）我们期待破茧成蝶的那一天！</p>
        <a data-scroll href="#services" class="btn btn-transparent">我们的实例</a>
    </div>
</section>

<!--
 Fixed Navigation
 ==================================== -->
<header id="navigation" class="navbar navigation">
    <div class="container">
        <div class="navbar-header">
            <!-- responsive nav button -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- /responsive nav button -->
        </div>

        <!-- main nav -->
        <nav class="collapse navbar-collapse navbar-right" role="Navigation">
            <ul id="nav" class="nav navbar-nav navigation-menu">
                <li><a data-scroll href="#body">主页</a></li>
                <li><a data-scroll href="#about">关于</a></li>
                <li><a data-scroll href="#services">实例</a></li>
                <li><a data-scroll href="#pricing">版本</a></li>
                <li><a data-scroll href="#blog">开源</a></li>
                <li><a data-scroll href="#contact-us">联系我们</a></li>
                <li><a data-scroll href="index.html">启动页</a></li>
            </ul>
        </nav>
        <!-- /main nav -->

    </div>
</header>
<!--
End Fixed Navigation
==================================== -->

<!--
		Start About Section
		==================================== -->
<section class="bg-one about section">
    <div class="container">
        <div class="row">

            <!-- section title -->
            <div class="title text-center wow fadeIn" data-wow-duration="1500ms">
                <h2>关于 <span class="color">API</span></h2>
                <div class="border"></div>
            </div>
            <!-- /section title -->

            <!-- About item -->
            <div class="col-md-4 text-center wow fadeInUp" data-wow-duration="500ms">
                <div class="block">
                    <div class="icon-box">
                        <i class="tf-tools"></i>
                    </div>
                    <!-- Express About Yourself -->
                    <div class="content text-center">
                        <h3 class="ddd">工作</h3>
                        <p>致力于打造最全的开源API生态系统，没有任何盈利目的，只为在浑浊的互联网环境下提供一片净土</p>
                    </div>
                </div>
            </div>
            <!-- End About item -->

            <!-- About item -->
            <div class="col-md-4 text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
                <div class="block">
                    <div class="icon-box">
                        <i class="tf-strategy"></i>
                    </div>
                    <!-- Express About Yourself -->
                    <div class="content text-center">
                        <h3>团结</h3>
                        <p>任何没有团队，群体的帮助下的个体最后的结局均是毁灭！ 我们需要你的加入，我们需要你的帮助。</p>
                    </div>
                </div>
            </div>
            <!-- End About item -->

            <!-- About item -->
            <div class="col-md-4 text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="500ms">
                <div class="block kill-margin-bottom">
                    <div class="icon-box">
                        <i class="tf-anchor2"></i>
                    </div>
                    <!-- Express About Yourself -->
                    <div class="content text-center">
                        <h3>承诺</h3>
                        <p>我们承诺，只要不存在DDOS或其他攻击，包括频繁调用同一个API的情况下，我们的API 调用时长是终生的。</p>
                    </div>
                </div>
            </div>
            <!-- End About item -->

        </div>        <!-- End row -->
    </div>    <!-- End container -->
</section>   <!-- End section -->

<section class="section about-2 padding-0 bg-dark" id="about">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6 padding-0 ">
                <img class="img-responsive" src="images/about/about-business-man.jpg" alt="">
            </div>
            <div class="col-md-6">
                <div class="content-block">
                    <h2>致力于打造最完善的API生态系统</h2>
                    <p>我们通过开源，集结广大消费者，社区论坛的方式共同打造一个相对成熟并处于不断完善的开放API服务</p>
                    <p>我们提供多个版本，提前的版本会使你优先于大多数人体验到新的内容，反观稳定版本会使你的程序更加稳定不易出现问题</p>
                    <p>我们与世界同步，加入我们，成为改变它的一部分！</p>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="media">
                                <div class="pull-left">
                                    <i class="tf-circle-compass"></i>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Closed beta</h4>
                                    <p>
                                        提前版本会使你提前与其他人更早的体验到更多的功能，当然也会使你一直陷入某一个我们还未发现或未解决的bug中。当然你也同步拥有了我们的代码初步提交的资格，
                                        如果您不愿意看到我们糟糕的代码和令人抓狂的错误bug ，您也可以选择稳定的版本。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="media">
                                <div class="pull-left">
                                    <i class="tf-hotairballoon"></i>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Stable</h4>
                                    <p>稳定版本相对提前的版本来说更加的稳定并且出错的几率极低，它会使你更专注您的其他代码实现 , 当然这也意味着您失去了代码提交的权限。取而代之的既是您更稳定的程序 </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!--
Start Call To Action
==================================== -->
<section class="call-to-action section-sm bg-1 overly">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h2>API服务者 & API消费者</h2>
                <p>既是提供者的同时也是消费者</p>
                <a href="#" class="btn btn-main">点击回到最顶</a>
            </div>
        </div>        <!-- End row -->
    </div>    <!-- End container -->
</section>   <!-- End section -->

<!-- Start Services Section
==================================== -->

<section id="services" class="bg-one section">
    <div class="container">
        <div class="row">

            <!-- section title -->
            <div class="title text-center wow fadeIn" data-wow-duration="500ms">
                <h2>我们的<span class="color">实例</span></h2>
                <div class="border"></div>
            </div>
            <!-- /section title -->

            <!-- Single Service Item -->
            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms">
                <div class="service-block text-center">
                    <div class="service-icon text-center">
                        <i class="tf-globe"></i>
                    </div>
                    <h3>热门API</h3>
                    <p>新闻头条，全国天气，垃圾分类，商品条码信息，二维码生成，手机号码归属地，星座运势，邮编查询等</p>
                </div>
            </article>
            <!-- End Single Service Item -->

            <!-- Single Service Item -->
            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="200ms">
                <div class="service-block text-center">
                    <div class="service-icon text-center">
                        <i class="tf-ion-laptop"></i>
                    </div>
                    <h3>电子商务</h3>
                    <p>彩票开奖结果查询,在线电影票，专利查询，图书电商数据，汇率查询，黄金价格，白银价格，企业工商信息等</p>
                </div>
            </article>
            <!-- End Single Service Item -->

            <!-- Single Service Item -->
            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="400ms">
                <div class="service-block text-center">
                    <div class="service-icon text-center">
                        <i class="tf-genius"></i>
                    </div>
                    <h3>应用开发</h3>
                    <p>邮编查询，IP地址查询，身份证号码查询，验证码图片，图片识别，话费充值，加油卡充值，腾讯充值，黄历查询，周公解梦等</p>
                </div>
            </article>
            <!-- End Single Service Item -->

            <!-- Single Service Item -->
            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="200ms">
                <div class="service-block text-center">
                    <div class="service-icon text-center">
                        <i class="tf-dial"></i>
                    </div>
                    <h3>企业管理</h3>
                    <p>国内飞机航班时刻表，中国电视节目预告,中国邮政编码,IP地址来源搜索，汇率和货币兑换,语言检测，实时和历史股票数据等。</p>
                </div>
            </article>
            <!-- End Single Service Item -->

            <!-- Single Service Item -->
            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="400ms">
                <div class="service-block text-center">
                    <div class="service-icon text-center">
                        <i class="tf-target3"></i>
                    </div>
                    <h3>数据智能</h3>
                    <p>全球身份验证，人脸识别，全国WIFI接口，语音识别，高德地图，名片识别，火车票识别，聊天机器人，快递接口等。</p>
                </div>
            </article>
            <!-- End Single Service Item -->

            <!-- Single Service Item -->
            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="600ms">
                <div class="service-block text-center kill-margin-bottom">
                    <div class="service-icon text-center">
                        <i class="tf-lifesaver"></i>
                    </div>
                    <h3>交通定位</h3>
                    <p>地图坐标服务，导航地图，地图展示，地点搜索，路线规划，室内图，共享单车位置热点查询，定位等</p>
                </div>
            </article>
            <!-- End Single Service Item -->

        </div>        <!-- End row -->
    </div>    <!-- End container -->
</section>   <!-- End section -->


<!-- Start Team Skills
		=========================================== -->


<script language=JavaScript>
    <!--
    var caution = false;
    function setCookie(name, value, expires, path, domain, secure) {
        var curCookie = name + "=" + escape(value) +
            ((expires) ? "; expires=" + expires.toGMTString() : "") +
            ((path) ? "; path=" + path : "") +
            ((domain) ? "; domain=" + domain : "") +
            ((secure) ? "; secure" : "")
        if (!caution || (name + "=" + escape(value)).length <= 4000)
            document.cookie = curCookie
        else
        if (confirm("Cookie exceeds 4KB and will be cut!"))
            document.cookie = curCookie
    }
    function getCookie(name) {
        var prefix = name + "=";
        var cookieStartIndex = document.cookie.indexOf(prefix);
        if (cookieStartIndex == -1)
            return null;
        var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
        if (cookieEndIndex == -1)
            cookieEndIndex = document.cookie.length
        return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
    }
    function deleteCookie(name, path, domain) {
        if (getCookie(name)) {
            document.cookie = name + "=" +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                "; expires=Thu, 01-Jan-70 00:00:01 GMT"
        }
    }
    function fixDate(date) {
        var base = new Date(0);
        var skew = base.getTime();
        if (skew > 0)
            date.setTime(date.getTime() - skew)
    }
    var now = new Date();
    fixDate(now);
    now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
    var visits = getCookie("counter");
    if (!visits)
        visits = 1;
    else
        visits = parseInt(visits) + 1;
    setCookie("counter", visits, now);
    //document.write("您是第58224" + visits + "位访问本专题的！")
    // -->
</script>
<!--
Start Counter Section
==================================== -->

<section id="counter" class="parallax-section bg-1 section overly">
    <div class="container">
        <div class="row">
            <!-- first count item -->
            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms">
                <div class="counters-item">
                    <i class="tf-ion-android-happy"></i>
                    <span data-speed="3000" data-to="320"><script>  document.write("58224"+visits)</script></span>
                    <h3>浏览次数</h3>
                </div>
            </div>
            <!-- end first count item -->

            <!-- second count item -->
            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms"
                 data-wow-delay="200ms">
                <div class="counters-item">
                    <i class="tf-ion-archive"></i>
                    <span data-speed="3000" data-to="565"><script>  document.write("675248"+visits)</script></span>
                    <h3>API调用次数</h3>
                </div>
            </div>
            <!-- end second count item -->

            <!-- third count item -->
            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms"
                 data-wow-delay="400ms">
                <div class="counters-item">
                    <i class="tf-ion-thumbsup"></i>
                    <span data-speed="3000" data-to="95"><script>  document.write("300000"+visits)</script></span>
                    <h3>用户流量值</h3>

                </div>
            </div>
            <!-- end third count item -->

            <!-- fourth count item -->
            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms"
                 data-wow-delay="600ms">
                <div class="counters-item kill-margin-bottom">
                    <i class="tf-ion-coffee"></i>
                    <span data-speed="3000" data-to="2500"><script>  document.write("288"+visits)</script></span>
                    <h3>赞赏数</h3>
                </div>
            </div>
            <!-- end fourth count item -->

        </div>        <!-- end row -->
    </div>    <!-- end container -->
</section>   <!-- end section -->

<!--
Start Our Team
=========================================== -->
<!-- Start Pricing section
		=========================================== -->

<section id="pricing" class="pricing section">
    <div class="container">
        <div class="row">

            <!-- section title -->
            <div class="title text-center wow fadeInDown" data-wow-duration="500ms">
                <h2>我们的<span class="color"> 版本</span></h2>
                <div class="border"></div>
            </div>
            <!-- /section title -->

            <!-- single pricing table -->
            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="200ms">
                <div class="price-item">

                    <!-- plan name & value -->
                    <div class="price-title">
                        <h3>Java版本</h3>
                        <p><strong class="value">提前的</strong></p>
                    </div>
                    <!-- /plan name & value -->

                    <!-- plan description -->
                    <ul>
                        <li>Maven 依赖</li>
                        <li>调用示例</li>
                        <li>社区讨论</li>
                        <li>提供JAR本地包</li>
                    </ul>
                    <!-- /plan description -->

                    <!-- signup button -->
                    <a class="btn btn-transparent" href="#">现在了解</a>
                    <!-- /signup button -->

                </div>
            </div>
            <!-- end single pricing table -->

            <!-- single pricing table -->
            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="500ms"
                 data-wow-delay="400ms">
                <div class="price-item">

                    <!-- plan name & value -->
                    <div class="price-title">
                        <h3>Java版</h3>
                        <p><strong class="value">稳定的</strong>  </p>
                    </div>
                    <!-- /plan name & value -->

                    <!-- plan description -->
                    <ul>
                        <li>Maven 依赖</li>
                        <li>调用示例</li>
                        <li>社区讨论</li>
                        <li>提供网络测试接口</li>
                    </ul>
                    <!-- /plan description -->

                    <!-- signup button -->
                    <a class="btn btn-transparent" href="#">现在了解</a>
                    <!-- /signup button -->

                </div>
            </div>
            <!-- end single pricing table -->

            <!-- single pricing table -->
            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="500ms"
                 data-wow-delay="600ms">
                <div class="price-item">

                    <!-- plan name & value -->
                    <div class="price-title">
                        <h3>其他版本</h3>
                        <p><strong class="value">测试的</strong></p>
                    </div>
                    <!-- /plan name & value -->

                    <!-- plan description -->
                    <ul>
                        <li>提供实现代码</li>
                        <li>提供使用库文件</li>
                        <li>社区论坛</li>
                        <li>调用示例</li>
                    </ul>
                    <!-- /plan description -->

                    <!-- signup button -->
                    <a class="btn btn-transparent" href="#">现在了解</a>
                    <!-- /signup button -->

                </div>
            </div>
            <!-- end single pricing table -->

            <!-- single pricing table -->
            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="500ms"
                 data-wow-delay="750ms">
                <div class="price-item">

                    <!-- plan name & value -->
                    <div class="price-title">
                        <h3>其他版本</h3>
                        <p><strong class="value">稳定的</strong></p>
                    </div>
                    <!-- /plan name & value -->

                    <!-- plan description -->
                    <ul>
                        <li>线上测试接口地址</li>
                        <li>调用示例</li>
                        <li>社区论坛</li>
                        <li>线上运行环境</li>
                    </ul>
                    <!-- /plan description -->

                    <!-- signup button -->
                    <a class="btn btn-transparent" href="#">现在了解</a>
                    <!-- /signup button -->

                </div>
            </div>
            <!-- end single pricing table -->


        </div>       <!-- End row -->
    </div>    <!-- End container -->
</section>   <!-- End section -->

<!--
Start Blog Section
=========================================== -->

<section id="blog" class="section">
    <div class="container">
        <div class="row">

            <!-- section title -->
            <div class="title text-center wow fadeInDown">
                <h2> 开源 <span class="color">地址</span></h2>
                <div class="border"></div>
            </div>
            <!-- /section title -->

            <div class="clearfix">

                <!-- single blog post -->
                <article class="col-md-4 col-sm-6 col-xs-12 clearfix wow fadeInUp" data-wow-duration="500ms">
                    <div class="post-block">
                        <div class="media-wrapper">
                            <img src="images/blog/blog-post-1.jpg" alt="amazing caves coverimage"
                                 class="img-responsive">
                        </div>

                        <div class="content">
                            <h3><a href="https://github.com/">GitHub</a></h3>
                            <p>
                                GitHub is a version control and collaborative code management platform.
                                It allows you to work with others on projects anywhere.
                            </p>
                            <a class="btn btn-transparent" href="https://github.com/MarkburtOpen/Developer_Open_API.git">了解详情</a>
                        </div>
                    </div>
                </article>
                <!-- /single blog post -->

                <!-- single blog post -->
                <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms"
                         data-wow-delay="200ms">
                    <div class="post-block">
                        <div id="gallery-post" class="media-wrapper">
                            <div class="item">
                                <img src="images/blog/blog-post-2.jpg" alt="blog post" class="img-responsive">
                            </div>
                            <div class="item">
                                <img src="images/blog/blog-post-3.jpg" alt="blog post" class="img-responsive">
                            </div>
                            <div class="item">
                                <img src="images/blog/blog-post-1.jpg" alt="blog post | Meghna" class="img-responsive">
                            </div>
                        </div>

                        <div class="content">

                            <h3><a href="https://gitee.com/">Gitee</a></h3>
                            <p>Gitee is a code hosting platform based on git,
                                which can achieve code hosting,
                                project management and collaborative development with code cloud
                            </p>
                            <a class="btn btn-transparent" href="https://gitee.com/Developer_Open_API">了解详情</a>
                        </div>
                    </div>
                </article>
                <!-- end single blog post -->

                <!-- single blog post -->
                <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms"
                         data-wow-delay="400ms">
                    <div class="post-block">
                        <div class="media-wrapper">
                            <img src="images/blog/blog-post-3.jpg" alt="amazing caves coverimage"
                                 class="img-responsive">
                        </div>

                        <div class="content">
                            <h3><a href="https://bitbucket.org/">Bitbucket</a></h3>
                            <p>BitBucket is a source code hosting site that USES Mercurial and Git as distributed version control systems
                               </p>
                            <a class="btn btn-transparent" href="https://bitbucket.org/Markburt/developer-open-api/src/master/">了解详情</a>
                        </div>
                    </div>
                </article>
                <!-- end single blog post -->
            </div>

            <div class="all-post text-center">
                <a class="btn btn-main" href="#">返回主页</a>
            </div>

        </div> <!-- end row -->
    </div> <!-- end container -->
</section> <!-- end section -->


<!-- Srart Contact Us
=========================================== -->
<section id="contact-us" class="contact-us section-bg">
    <div class="container">
        <div class="row">

            <!-- section title -->
            <div class="title text-center wow fadeIn" data-wow-duration="500ms">
                <h2>联系 <span class="color">我们</span></h2>
                <div class="border"></div>
            </div>
            <!-- /section title -->

            <!-- Contact Details -->
            <div class="contact-info col-md-6 wow fadeInUp" data-wow-duration="500ms">
                <h3>关于作者</h3>

                <div class="contact-details">
                    <div class="con-info clearfix">
                        <i class="tf-map-pin"></i>
                        <span>China</span>
                    </div>

                    <div class="con-info clearfix">
                        <i class="tf-ion-ios-world"></i>
                        <span>WeChat: H1750054282</span>
                    </div>

                    <div class="con-info clearfix">
                        <i class="tf-ion-iphone"></i>
                        <span>QQ: 1750054282</span>
                    </div>

                    <div class="con-info clearfix">
                        <i class="tf-ion-ios-email-outline"></i>
                        <span>Email: hu_works@126.com</span>
                    </div>
                </div>
            </div>
            <!-- / End Contact Details -->

            <!-- Contact Form -->
            <div class="contact-form col-md-6 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms">
                <form id="contact-form" method="post" action="404.html" role="form">

                    <div class="form-group">
                        <input type="text" placeholder="姓名：" class="form-control" name="name" id="name">
                    </div>

                    <div class="form-group">
                        <input type="email" placeholder="Email" class="form-control" name="email" id="email">
                    </div>

                    <div class="form-group">
                        <input type="text" placeholder="工作" class="form-control" name="subject" id="subject">
                    </div>

                    <div class="form-group">
                        <textarea rows="6" placeholder="意见" class="form-control" name="message" id="message"></textarea>
                    </div>

                    <div id="mail-success" class="success">
                        Thank you. The Mailman is on His Way :)
                    </div>

                    <div id="mail-fail" class="error">
                        Sorry, don't know what happened. Try later :(
                    </div>

                    <div id="cf-submit">
                        <input   type="submit" id="contact-submit"  class="btn btn-transparent  "  value="发送" >

                    </div>

                </form>
            </div>
            <!-- ./End Contact Form -->

        </div> <!-- end row -->
    </div> <!-- end container -->


</section> <!-- end section -->


<!-- end Contact Area
========================================== -->

<footer id="footer" class="bg-one">
    <div class="container">
        <div class="row wow fadeInUp" data-wow-duration="500ms">
            <div class="col-lg-12">

                <!-- Footer Social Links -->
                <div class="social-icon">
                    <ul class="list-inline">
                        <!--Windows地址-->
                        <li><a href="https://docs.microsoft.com/en-us/windows/win32/apiindex/windows-api-list"><i class="tf-ion-social-windows"></i></a></li>
                        <!--google 接口-->
                        <li><a href="https://console.developers.google.com/apis/library?project=developer-open-api"><i class="tf-ion-social-google"></i></a></li>
                        <!--视频-->
                        <li><a href="#"><i class="tf-ion-social-freebsd-devil"></i></a></li>

                        <li><a href="https://docs.microsoft.com/en-us/skype-sdk/skypeuris/skypeuriapireference"><i class="tf-ion-social-skype"></i></a></li>
                        <!--android 地址-->
                        <li><a href="https://developer.android.google.cn/reference"><i class="tf-ion-social-android"></i></a></li>
                        <!--gitee 地址-->
                        <li><a href="https://gitee.com/open_source_api" ><i class="tf-ion-social-buffer"></i></a></li>
                        <!--github地址-->
                        <li><a href="https://github.com/Developer-API"><i class="tf-ion-social-github"></i></a></li>

                    </ul>
                </div>
                <!--/. End Footer Social Links -->

                <!-- copyright -->
                <div class="copyright text-center">
                    <br/>

                    <!--版权位置-->
                    <p>Design And Developed by Markburt </a>. Copyright &copy;
                        <script>document.write(new Date().getFullYear())</script>
                        . All Rights Reserved.
                        <br>Developer-API For Markburt
                    </p>
                </div>
                <!-- /copyright -->

            </div> <!-- end col lg 12 -->
        </div> <!-- end row -->
    </div> <!-- end container -->
</footer> <!-- end footer -->


<!--
Essential Scripts
=====================================-->

<!-- Main jQuery -->
<script type="text/javascript" src="plugins/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.1 -->
<script type="text/javascript" src="plugins/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript" src="plugins/slick-carousel/slick/slick.min.js"></script>
<!-- Portfolio Filtering -->
<script type="text/javascript" src="plugins/mixitup/dist/mixitup.min.js"></script>
<!-- Smooth Scroll -->
<script type="text/javascript" src="plugins/smooth-scroll/dist/js/smooth-scroll.min.js"></script>
<!-- Magnific popup -->
<script type="text/javascript" src="plugins/magnific-popup/dist/jquery.magnific-popup.min.js"></script>
<!-- Google Map API -->

<!-- Sticky Nav -->
<script type="text/javascript" src="plugins/Sticky/jquery.sticky.js"></script>
<!-- Number Counter Script -->
<script type="text/javascript" src="plugins/count-to/jquery.countTo.js"></script>
<!-- wow.min Script -->
<script type="text/javascript" src="plugins/wow/dist/wow.min.js"></script>
<!-- Custom js -->
<script type="text/javascript" src="js/script.js"></script>

</body>
</html>
